yuncms / framework

 * metismenu - v2.0.3

 * A jQuery menu plugin

 * https://github.com/onokumus/metisMenu

 *

 * Made by Osman Nuri Okumus

 * Under MIT License

 */

(function($) {

  'use strict';

  function transitionEnd() {

    var el = document.createElement('mm');

    var transEndEventNames = {

      WebkitTransition: 'webkitTransitionEnd',

      MozTransition: 'transitionend',

      OTransition: 'oTransitionEnd otransitionend',

      transition: 'transitionend'

    };

    for (var name in transEndEventNames) {

      if (el.style[name] !== undefined) {

        return {

          end: transEndEventNames[name]

        };

      }

    }

    return false;

  }

  $.fn.emulateTransitionEnd = function(duration) {

    var called = false;

    var $el = this;

    $(this).one('mmTransitionEnd', function() {

      called = true;

    });

    var callback = function() {

      if (!called) {

        $($el).trigger($transition.end);

      }

    };

    setTimeout(callback, duration);

    return this;

  };

  var $transition = transitionEnd();

  if (!!$transition) {

    $.event.special.mmTransitionEnd = {

      bindType: $transition.end,

      delegateType: $transition.end,

      handle: function(e) {

          return e.

          handleObj.

          handler.

          apply(this, arguments);

        }

      }

    };

  }

  var MetisMenu = function(element, options) {

    this.$element = $(element);

    this.options = $.extend({}, MetisMenu.DEFAULTS, options);

    this.transitioning = null;

    this.init();

  };

  MetisMenu.TRANSITION_DURATION = 350;

  MetisMenu.DEFAULTS = {

    toggle: true,

    doubleTapToGo: false,

    activeClass: 'active',

    collapseClass: 'collapse',

    collapseInClass: 'in',

    collapsingClass: 'collapsing'

  };

  MetisMenu.prototype.init = function() {

    var $this = this;

    var activeClass = this.options.activeClass;

    var collapseClass = this.options.collapseClass;

    var collapseInClass = this.options.collapseInClass;

    this

      .$element

      .find('li.' + activeClass)

      .has('ul')

      .children('ul')

      .addClass(collapseClass + ' ' + collapseInClass);

    this

      .$element

      .find('li')

      .not('.' + activeClass)

      .has('ul')

      .children('ul')

      .addClass(collapseClass);

    //add the 'doubleTapToGo' class to active items if needed

    if (this.options.doubleTapToGo) {

      this

        .$element

        .find('li.' + activeClass)

        .has('ul')

        .children('a')

        .addClass('doubleTapToGo');

    }

    this

      .$element

      .find('li')

      .has('ul')

      .children('a')

      .on('click.metisMenu', function(e) {

        var self = $(this);

        var $parent = self.parent('li');

        var $list = $parent.children('ul');

        e.preventDefault();

        if ($parent.hasClass(activeClass) && !$this.options.doubleTapToGo) {

          $this.hide($list);

        } else {

          $this.show($list);

        }

        //Do we need to enable the double tap

        if ($this.options.doubleTapToGo) {

          //if we hit a second time on the link and the href is valid, navigate to that url

          if ($this.doubleTapToGo(self) && self.attr('href') !== '#' && self.attr('href') !== '') {

            e.stopPropagation();

            document.location = self.attr('href');

          }

        }

      });

  };

  MetisMenu.prototype.doubleTapToGo = function(elem) {

    var $this = this.$element;

    //if the class 'doubleTapToGo' exists, remove it and return

    if (elem.hasClass('doubleTapToGo')) {

      elem.removeClass('doubleTapToGo');

      return true;

    }

    //does not exists, add a new class and return false

      //first remove all other class

      $this

        .find('.doubleTapToGo')

        .removeClass('doubleTapToGo');

      //add the class on the current element

      elem.addClass('doubleTapToGo');

      return false;

    }

  };

  MetisMenu.prototype.hide = function(el) {

    var activeClass = this.options.activeClass;

    var collapseClass = this.options.collapseClass;

    var collapseInClass = this.options.collapseInClass;

    var collapsingClass = this.options.collapsingClass;

    var $this = $(el);

    if (this.transitioning || !$this.hasClass(collapseInClass)) {

      return;

    }

    $this.parent('li').removeClass(activeClass);

    $this

      .addClass(collapsingClass)

      .removeClass(collapseClass)

      .removeClass(collapseInClass);

    this.transitioning = 1;

    var complete = function() {

      this.transitioning = 0;

      $this

        .removeClass(collapsingClass)

        .addClass(collapseClass);

    };

    if (!$transition) {

      return complete.call(this);

    }

    $this

      .height(0)

      .one('mmTransitionEnd', $.proxy(complete, this))

      .emulateTransitionEnd(MetisMenu.TRANSITION_DURATION);

  };

  function Plugin(option) {

    return this.each(function() {

      var $this = $(this);

      var data = $this.data('mm');

      var options = $.extend({},

        MetisMenu.DEFAULTS,

        $this.data(),

        typeof option === 'object' && option

      );

      if (!data) {

        $this.data('mm', (data = new MetisMenu(this, options)));

      }

      if (typeof option === 'string') {

        data[option]();

      }

    });

  }

  var old = $.fn.metisMenu;

  $.fn.metisMenu = Plugin;

  $.fn.metisMenu.Constructor = MetisMenu;

  $.fn.metisMenu.noConflict = function() {

    $.fn.metisMenu = old;

    return this;

  };

})(jQuery);